<template>
    <div>
        <TableItemVue :tableList="tableList" v-if="tableList.tableType === 'tableItem'"></TableItemVue>
        <EventTableItemVue :tableList="tableList" v-if="tableList.tableType === 'eventTableItem'"></EventTableItemVue>
        <MethodTableItemVue :tableList="tableList" v-if="tableList.tableType === 'methodTableItem'"></MethodTableItemVue>
        <SlotTableItemVue :tableList="tableList" v-if="tableList.tableType === 'slotTableItem'"></SlotTableItemVue>

    </div>
</template>
  
<script setup lang="ts" name="demo-lable">
import TableItemVue from "./tableType/TableItem.vue";
import EventTableItemVue from "./tableType/EventTableItem.vue";
import MethodTableItemVue from "./tableType/MethodTableItem.vue";
import SlotTableItemVue from "./tableType/SlotTableItem.vue";
import { PropTableItem, EventTableItem, MethodTableItem, SlotTableItem } from "./tableBlock"
type Props = {
    tableList?: PropTableItem | EventTableItem | MethodTableItem | SlotTableItem
};
withDefaults(defineProps<Props>(), {
    tableList: () => ({
        tableType: 'tableItem',
        list: [
            {
                name: '1',//属性名
                remark: '1',//说明
                type: '1',//类型
                optional: '1',//可选值
                showTip: true,//显示提示框
                default: '1',//默认值
                version: '1',//版本号
            }
        ]
    })
})
</script>
  
<style scoped></style>
  